﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Yes, is it</title>
    <link rel="stylesheet" type="text/css" href="style/default_style.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script> 
	<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script> 
	<script type="text/javascript" src="js/jquery.localscroll-min.js"></script> 
	<script type="text/javascript" src="js/init.js"></script> 

    <link rel="stylesheet" type="text/css" href="style/slimbox2.css" media="screen" />
    <script type="text/JavaScript" src="js/slimbox2.js"></script> 
</head>
<body>
<div id="templatemo_header">
    <div id="site_title"><h1><a href="http://feelingpig.eicp.net:10000/" title="only for you">Feeling</a></h1></div>
</div>

<div id="templatemo_main">
    <div id="content">
        <div id="home" class="section">
            <div id="home_about" class="box">
                <h2>Welcome</h2>
                <p>When the words "I love you" were said by you for the first time, my world blossoms.<p>
                <p>But if the while I think on thee, dear friend, all losses are restored, and sorrows end.</p>
                <p>To the world you may be just one person. To the person you may be the world.<p>
                <p>Wake up every morning, you and the sun in, this is the future I want to.</p>
            </div>

            <div id="home_gallery" class="box no_mr">
                <a href="pic/gallery/11-1.jpg" rel="lightbox[gallery]"><img src="pic/gallery/11.jpg" alt="image 1" /></a>
                <a href="pic/gallery/22-1.jpg" rel="lightbox[gallery]"><img src="pic/gallery/22.jpg" alt="image 2" /></a>
                <a href="pic/gallery/33-1.jpg" rel="lightbox[gallery]" class="no_mr"><img src="pic/gallery/33.jpg" alt="image 3" /></a>
                <a href="pic/gallery/44-1.jpg" rel="lightbox[gallery]"><img src="pic/gallery/44.jpg" alt="image 4" /></a>
                <a href="pic/gallery/55-1.jpg" rel="lightbox[gallery]"><img src="pic/gallery/55.jpg" alt="image 5" /></a>
                <a href="pic/gallery/66-1.jpg" rel="lightbox[gallery]" class="no_mr"><img src="pic/gallery/66.jpg" alt="image 6" /></a>
            </div>

            <div class="box home_box1 color1">
                <div id="social_links">
	            <a href="#services" class="in"><img src="pic/bear.png" alt="Services" /></a>
	            <div class="clear h20"></div>
                    <h3>Do</h3>
                </div>
            </div>
            
            <div class="box home_box1 color2">
                <div id="social_links">
	            <a href="#testimonial" class="in"><img src="pic/bear.png" alt="Testimonial" /></a>
	            <div class="clear h20"></div>
                    <h3>You</h3>
                </div>
            </div>

            <div class="box home_box2 color3">
            	<div id="social_links">
                    <a href="test.aspx"><img src="pic/bear.png" alt="Bear" /></a>
                    <a href="test.aspx"><img src="pic/bear.png" alt="Bear" /></a>
                    <a href="test.aspx"><img src="pic/bear.png" alt="Bear" /></a>
                    <a href="test.aspx"><img src="pic/bear.png" alt="Bear" /></a>
                    <a href="test.aspx"><img src="pic/bear.png" alt="Bear" /></a>
              <div class="clear h20"></div>
                    <h3>Love</h3>
              </div>	
            </div>

            <div class="box home_box1 color4 no_mr">
                <div id="social_links" >
	            <a href="#contact" class="in"><img src="pic/bear.png" alt="Contact" /></a>
	            <div class="clear h20"></div>
                    <h3>Me?</h3>
                </div>
            </div>

        </div> <!-- END of home -->


      <div class="section section_with_padding" id="services"> 
            <h2>Do</h2>
            <p><em>Yes, I do!</em></p>
            
            <%-- 
            <div class="img_border img_fl">
                <img src="pic/templatemo_image_03.jpg" alt="image" />	
            </div>
            <div class="half right">
                <ul class="list_bullet">
                    <li>Maecenas ac odio ipsum donec cursus</li>
                    <li>Fusce risus tortor, interdum</li>
                    <li>Proin facilisis ullamcorper</li>
                    <li>Sed vel justo quis ligula</li>
                    <li>Ut tristique sagittis arcu</li>
                    <li>Maecenas ac odio ipsum donec cursus</li>
                    <li>Fusce risus tortor, interdum</li>
                 </ul>
            </div>
            <div class="clear h40"></div>
            <div class="img_border img_fr">
                <img src="pic/templatemo_image_04.jpg" alt="image" />	
            </div>
			<div class="half left">                
            	<p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis.</em></p>
            	<p>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit. </p>
            </div>
            --%>

            <a href="#home" class="slider_nav_btn home_btn">home</a> 
            <a href="#home" class="slider_nav_btn previous_btn">Previous</a>
            <a href="#testimonial" class="slider_nav_btn next_btn">Next</a> 

        </div> 
                
        <div class="section section_with_padding" id="testimonial"> 
            <h2>You</h2>
            <p><em>Yes I do!</em></p>
            
            <%-- 
            <p><em>Aliquam venenatis, quam a semper blandit, lectus mi convallis orci, ut dictum ante leo non leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris placerat, urna in gravida rhoncus, mi elit luctus nibh, a luctus erat elit vel quam. </em></p>
            <div class="clear h40"></div>
            <div class="half left">
            	<div class="img_border img_fl">
                	<img src="../pic/templatemo_image_01.jpg" alt="image 1" />
                </div>
                <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p>
                <cite>Walker - <span>TemplateMo.com</span></cite>
			</div>
            <div class="half right">
                <div class="img_border img_fl">
                	<img src="../pic/templatemo_image_01.jpg" alt="image 2" />
                </div>
                <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p>
                <cite>Jason - <span>TemplateMo.com</span></cite>
			</div>
            <div class="clear h40"></div>
            <div class="half left">
            	<div class="img_border img_fl">
                	<img src="../pic/templatemo_image_01.jpg" alt="image 3" />
                </div>
                <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p>
                <cite>Danny - <span>FlashMo.com</span></cite>
			</div>
            <div class="half right">
                <div class="img_border img_fl">
                	<img src="../pic/templatemo_image_01.jpg" alt="image 4" />
                </div>
                <p>Fusce nec felis id lacus sollicitudin vulputate. Proin tincidunt, arcu id pellentesque accumsan, neque dolor imperdiet ligula. </p>
                <cite>Katey - <span>KoFlash.com</span></cite> 
			</div>
			--%>
                    
            <a href="#home" class="slider_nav_btn home_btn">home</a> 
            <a href="#services" class="slider_nav_btn previous_btn">Previous</a>
            <a href="#contact" class="slider_nav_btn next_btn">Next</a> 
        </div> 

        
        <div class="section section_with_padding" id="contact">
            <h2>Me</h2>
            <div class="half left">
                <h4> Contact me here </h4>
                <div id="contact_form">
                    <form method="post" name="contact" action="#contact">
                    <div class="left">
                        <label for="author">
                            Name:</label>
                        <input name="author" type="text" class="input_field" id="author" maxlength="40" />
                    </div>
                    <div class="right">
                        <label for="email">
                            Email:</label>
                        <input name="email" type="text" class="input_field" id="email" maxlength="40" />
                    </div>
                    <div class="clear">
                    </div>
                    <label for="text">
                        Message:</label>
                    <textarea id="text" name="text" rows="0" cols="0"></textarea>
                    <input type="submit" class="submit_btn float_l" name="submit" id="submit" value="Send" />
                    </form>
                </div>
            </div>
            <div class="half right">
                <h4>Mailing Address</h4>
                4399<br />
                <strong>Email: enkotangjing@163.com</strong><br />
                <div class="clear h20">
                </div>
                <div class="img_nom img_border">
                    <span></span>
                    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
                    src="http://ditu.google.cn/maps?f=d&amp;source=s_d&amp;saddr=&amp;daddr=23.125514,113.373735&amp;geocode=&amp;sll=23.125467,113.373751&amp;sspn=0.002208,0.003318&amp;hl=zh-CN&amp;brcurrent=3,0x3403002d86a63bd7:0x7ec91f507867241,0,0x340301fe46c655a3:0xc549ef142225757a%3B5,0,0&amp;mra=mift&amp;mrsp=1&amp;sz=19&amp;ie=UTF8&amp;t=m&amp;ll=23.125467,113.373751&amp;spn=0.002208,0.003318&amp;output=embed"></iframe><br /><small><a href="http://ditu.google.cn/maps?f=d&amp;source=embed&amp;saddr=&amp;daddr=23.125514,113.373735&amp;geocode=&amp;sll=23.125467,113.373751&amp;sspn=0.002208,0.003318&amp;hl=zh-CN&amp;brcurrent=3,0x3403002d86a63bd7:0x7ec91f507867241,0,0x340301fe46c655a3:0xc549ef142225757a%3B5,0,0&amp;mra=mift&amp;mrsp=1&amp;sz=19&amp;ie=UTF8&amp;t=m&amp;ll=23.125467,113.373751&amp;spn=0.002208,0.003318" style="color:#0000FF;text-align:left">查看大图</a></small>
                    </iframe>
                </div>
                <a href="#home" class="slider_nav_btn home_btn">home</a> <a href="#testimonial" class="slider_nav_btn previous_btn">
                    Previous</a>
            </div>
        </div>

    </div>
</div>


<div id="templatemo_footer">
    Copyright © 2013 <a href="#home">feeling</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS</a>
</div>
</body>
</html>
